import {Component, OnInit, AfterViewInit} from '@angular/core';

declare var Cesium: any;

@Component({
    templateUrl: './earth.component.html',
    styleUrls: ['./earth.component.less']
})
export class EarthComponent implements OnInit, AfterViewInit {

    constructor() {
    }

    ngOnInit() {
    }

    ngAfterViewInit(): void {
        this.mapInit();
    }

    private mapInit() {
        Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiIxZWM2NmQ1Yi0yNWVjLTRmNzUtYWYwYy01MGMyMmIxZWQ3MDMiLCJpZCI6MTQyODEsInNjb3BlcyI6WyJhc2wiLCJhc3IiLCJhc3ciLCJnYyJdLCJpYXQiOjE1NjUxNjU3MTd9.XclcFMObsdSJch7dwCqs7lUXCLXiD1EmxSicTX3aze4';

        const viewer = new Cesium.Viewer('cesiumContainer', {
            // 需要进行可视化的数据源的集合
            animation: false,  // 是否显示动画控件
            homeButton: false, // 是否显示Home按钮
            fullscreenButton: false, // 是否显示全屏按钮
            baseLayerPicker: false, // 是否显示图层选择控件
            geocoder: false, // 是否显示地名查找控件
            timeline: false, // 是否显示时间线控件
            sceneModePicker: false, // 是否显示投影方式控件
            navigationHelpButton: false, // 是否显示帮助信息控件
            infoBox: false,  // 是否显示点击要素之后显示的信息
            // 天地图是官方开元的地图，不需要密钥
        });
    }
}
